<template>
	<div class="container">
		<navigationBar title="关注"></navigationBar>
		<div class="content" :style="'padding-top: ' + (navigationBarHeight-1) + 'px;'">
			<div class="search">
				<image class="search-icon" src="/static/icon/search.png" mode=""></image>
				<input type="text" v-model="keyword" placeholder="搜索" @input="changeKeyword" />
			</div>
			<div class="list">
				<div class="list-item" v-for="(item,index) in list" :key="index"
					@click="$navSkin.toPersonel(item.followUserId)">
					<div class="left">
						<!-- <Radio :isChecked="isSelected(item)"></Radio> -->
						<image class="user-icon" :src="item.followUserAvatar" mode=""></image>
					</div>
					<div class="center">
						<div class="head">{{item.followUserName}}</div>
					</div>
				</div>
			</div>
		</div>
		<!-- <div class="footer-send" @click="$navSkin.goBack()">
			<div class="user-list">
				<div class="user-item" v-for="(item,index) in selectedUsers" :key="index">
					<image class="user-icon" :src="item.avatar" mode=""></image>
					<div>{{item.nickname}}</div>
				</div>
			</div>
			<div class="want">
				确认
			</div>
		</div> -->
	</div>
</template>

<script>
	import data from '@/js/my/followUser/data.js';
	import methods from '@/js/my/followUser/methods.js';
	import {
		mapState
	} from 'vuex';
	import Radio from '@/components/radio.vue';
	import navigationBar from '../../components/navigationBar.vue';
	export default {
		data,
		methods,
		onLoad() {
			this.getPageList()
		},
		onReachBottom() {
			this.getPageList()

		},
		onShow() {},
		onHide() {},
		components: {
			navigationBar,
			Radio
		},
		computed: {
			...mapState(['navigationBarHeight', 'userInfo', 'statusBarHeight'])
		}
	};
</script>
<style>
	page,
	uni-page {
		background-color: #FAFAFA !important;
	}
</style>
<style scoped lang="scss">
	@import '~@/style/my/followUser.scss';
</style>